<template>
  <div class="comp-other-config-global">
    <el-tabs v-model="activeName" tab-position="left">
      <el-tab-pane label="工单审核" name="workOrderAudit">
        <CompReportErrorWorkOrderAudit />
      </el-tab-pane>
      <el-tab-pane label="服务台考勤" name="attendance">
        <CompReportErrorAttendance />
      </el-tab-pane>
      <el-tab-pane label="服务时效性" name="timeliness">
        <CompReportErrorTimeliness />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import CompReportErrorWorkOrderAudit from './report-error-work-order-audit.vue';
import CompReportErrorAttendance from './report-error-attendance.vue';
import CompReportErrorTimeliness from './report-error-timeliness.vue';

export default {
  components: {
    CompReportErrorWorkOrderAudit,
    CompReportErrorAttendance,
    CompReportErrorTimeliness,
  },
  data() {
    return {
      activeName: 'timeliness',
    };
  },
};
</script>

<style lang="scss" scoped>
.comp-other-config-global {
  ::v-deep {
    .el-tabs__header {
      width: 150px;
      margin-right: 0;
      background: #fff;
    }
  }
}
</style>
